<template> 
	<div class="container">
    <div class="title">周末去哪儿</div>
    <ul>
      <li class="item" v-for="(item,index) of weekendList" :key="item.id">
        <img :src="item.img"/>
        <p class="item-title">{{item.title}}</p>
        <p class="item-desc">{{item.desc}}</p>
      </li>
    </ul>
	</div>
</template> 

<script> 
export default { 

  data () { 
    return { 
     
    }; 
  }, 
  props:{
    weekendList:Array
  },

  methods: { 

  },
  mounted(){
  
  }


}; 
</script> 

<style scoped> 
ul{
  list-style-type: none;
}
.title{
  font-size: 20px;
  margin: 10px;
}
.item p{
  margin: 10px;
}
.item-title{
  font-size: 18px;
  color: #000;
}
</style> 